<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width">
    <meta name="keywords" content="网站关键词">
    <meta name="description" content="网站描述">
    <title>苏南自创区国家军民科技协同创新平台---协同创新</title>


    <link rel="stylesheet" type="text/css" href="css/base.css"/>
    <link rel="stylesheet" type="text/css" href="css/dropdown.css" />
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <link rel="stylesheet" type="text/css" href="css/iconfont.css">
    <link rel="stylesheet" type="text/css" href="css/animate.min.css"/>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
<div id="app">
    <div id="header" style="background: #fff">
        <div class="clearfix">
            <div class="logo">
                <a href="/index.html">
                    <img src="./images/sunan_logo.png" style="width:23rem;height:70px">
                </a>
                <a href="./index.html">
                    <img src="./images/second-logo.png" style="width:12rem;height:70px">
                </a>
            </div>
            <div class="nav1">
                <ul class="clearfix">
                    <li><a href="./index.html">首页</a></li>
                    <li><a href="./news.html">要闻动态</a></li>
                    <li><a href="./notice.html">通知公告</a></li>
                    <li class="on"><a href="./resource.html">协同创新</a></li>
                    <li><a href="guide.html">军民融合</a></li>
                    <li><a href="./innovate.html">项目管理</a></li>
                    <li><a href="./about.html">关于我们</a></li>
                    <li id="login_btn"><a href="javascript:void(0)">登录</a></li>
                    <li id="user_info">
                        <div class="dropdown">
                            <span class="dropbtn" id="user_info_name"></span>
                            <div class="dropdown-content">
                                <a href="javascript:void(0)" id="xq_btn"><p>发布需求</p></a>
                                <a href="javascript:void(0)" id="cg_btn"><p>发布成果</p></a>
                                <a href="javascript:void(0)" id="gzt_btn"><p>我的工作台</p></a>
                                <a href="javascript:void(0)" id="logout_btn"><p>退出登录</p></a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="page">
        <div class="rowFluid">
            <div class="span12">
                <div class="main1">
                    <div class="z_banner news_banner">
                        <div class="rowFluid">
                            <div class="span12">
                                <div class="short_container">
                                    <h3 class="z_banner_title" id="title-text1">军民科技协同创新需求池</h3>
                                    <div class="z_banner_text " id="title-text2">军民科技协同创新各类资源在这里汇聚</div>
                                </div>
                                <ul class="platform_advantage_bg_z">
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="span12" style="display: flex;justify-content: flex-start;">

                        <div class="map">
                            <div class="map_title">
                                <div class="destination" id="destination-text">军民科技协同创新需求池</div>
                            </div>
                            <div class="map_search">
                                <select class="form-control " style="width:auto;min-width:200px;" id="field-item">
                                </select>
                                <select class="form-control " style="width:auto;min-width:200px;" id="region-province">
                                    <option>----选择省----</option>
                                </select>
                                <select class="form-control " style="width:auto;min-width:200px;" id="region-city">
                                    <option>----选择市----</option>
                                </select>
                                <select class="form-control " style="width:auto;min-width:200px;" id="region-area">
                                    <option>----选择区----</option>
                                </select>
                                <input type="text" id="objName" class="form-control" style="width:auto;min-width:200px;" placeholder="输入关键字">
                                <button type="button" class="btn btn-primary" style="margin-left:10px" id="search-btn"
                                        data-loading-text="Loading...">查询
                                </button>
                            </div>
                            <div class="map_content" style=" position: relative">
                                <div class="center">
                                    <ul id="item-box">
                                    </ul>
                                </div>
                                <div style="width: 100%;text-align: center; bottom: 20px;"
                                     id="pagination">
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 提示模态框（Modal） -->
    <div class="modal fade" id="showModal">
        <div class="modal-dialog dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="result_content">
                        登录后可查看详情！
                    </h4>
                </div>
                <div class="modal-footer">
                    <button type="button" id="confirmLogin" class="btn btn-primary">
                        确定
                    </button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>


    <!-- FOOTER -->
    <div id="footer">
        <div class="foot_item">
            <div class="rowFluid">
                <div class="span12">
                    <div class="rowFluid">
                        <div class="footer_content">
                            <div class="fl wow fadeInUp">
                                <img src="./images/foot-logo.png">
                                <p>全面、专业、准确、权威，帮你寻找更多优质合作机会</p>

<!--                                <img src="./images/qq_qun.png" class="qq_qun float-l">-->
                                <ul>
                                    <li><a href="javascript:void(0)" id="register">新用户注册</a></li>
                                    <li><a href="javascript:void(0)" id="gzt">我的工作台</a></li>
                                    <li><a href="about.html">关于我们</a></li>
                                </ul>
                            </div>
                            <div class="partners_content wow fadeInUp">
                                <div class="footer-content">
                                    <h3 class="title">联系我们</h3>
                                    <div class="border"></div>
                                </div>
                                <div class="partners_item">
                                    <p>电话：025-85485913、025-85485912</p>
<!--                                    <p>QQ群：862872598</p>-->
                                    <p>邮箱：jspc5979@126.com</p>
                                    <p>地址：江苏省南京市龙蟠路175号</p>
                                    <p>周一至周五</p>
                                    <p> 9:00 - 17:00</p>

                                </div>
                            </div>
                            <div class="partners_content wow fadeInUp">
                                <div class="footer-content">
                                    <h3 class="title">友情链接</h3>
                                    <div class="border"></div>
                                </div>
                                <div class="partners_item">
                                    <a href="http://www.most.gov.cn" target="_blank">中华人民共和国科学技术部</a>
                                    <a href="http://www.mod.gov.cn"  target="_blank">中华人民共和国国防部</a>
                                    <a href="http://www.81.cn" target="_blank">中国军网</a>
                                    <a href="http://www.sastind.gov.cn" target="_blank">国家国防科技工业局</a>
                                    <a href="http://kxjst.jiangsu.gov.cn" target="_blank">江苏省科学技术厅</a>
                                    <a href="http://www.jspc.org.cn" target="_blank">江苏省生产力促进中心</a>
                                    <a href="http://www.jilianonline.cn" target="_blank">江苏省产学研合作智能服务平台</a>
                                    <a href="http://joindcxcy.com/jyetsc/Apps/sme/" target="_blank">江阴高新区建设促进服务中心</a>
                                </div>
                            </div>


                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bottom" data-scroll-reveal="enter top">
            <a href="http://www.beian.miit.gov.cn" target="_blank" style="color: white">苏ICP备10205216号</a> 版权所有 ©️2017 江苏省生产力促进中心
        </div>
        <div class="up"></div>
    </div>
</div>

<script src="https://cdn.bootcss.com/jquery/2.1.0/jquery.min.js"></script>
<script type="text/javascript" src="js/wow.min_1.js"></script>
<script type="text/javascript" src="js/owl.carousel.min.js"></script>
<script type="text/javascript" src="js/scrollreveal.js"></script>
<script type="text/javascript" src="js/page.js"></script>
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript" src="js/pagination.js"></script>
<script type="text/javascript" src="js/pcaa.js"></script>
<script type="text/javascript" src="js/resource-item.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<style type="text/css">　　
.pagination > li > text {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.center {
    width: 90%;
    margin: 2% 5% 0px 5%;
}

.center ul {
    display: flex;
    justify-content: flex-start;
}
.map_search {
    width: 90%;
    margin: 10px 5%;
    display: flex;
    justify-content: flex-end;
    align-items:center;
}
.map_content {
    margin-top: 0px;
}
.modal-dialog {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: auto;
    margin-top: 10%;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 100%;
        margin: 1.75rem auto;
    }

    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2));
    }

    .modal-sm {
        max-width: 100%;
    }
}

.dialog {
    width: 576px;
}

.modal-content {
    margin-left: 20%;
    margin-right: 20%;
    margin-top: 1%;
    width: 60%;
    padding-top: 20px;
}

.modal-title {
    margin-left: 10px
}
ul{
    margin-top: 0;
    margin-bottom: 0px;
}
</style>
</body>
</html>
